.title {
    font-size: 26px;
    font-weight: 900;
    font-family:
      Greycliff CF,
      var(--mantine-font-family);
  }
  
  .controls {
    @media (max-width: 576px) {
      flex-direction: column-reverse;
    }
  }
  
  .control {
    @media (max-width: 576px) {
      width: 100%;
      text-align: center;
    }
  }